<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                template="../templates/plantilla.xhtml">
    <ui:define name="head">Compra y Venta</ui:define>
    <ui:define name="content">
        <f:metadata>
            <f:viewParam name="id" value="#{clienteBean.id}"/>
            <f:event type="preRenderView" listener="#{clienteBean.initClient}" />
        </f:metadata>
        <h1 class="title ui-widget-header ui-corner-all">Gestion de Clientes</h1>
        <div class="entry" style="line-height:200%">

            <p:ajaxStatus style="width:16px;height:16px;">
                <f:facet name="start">
                    <h:graphicImage value="../design/ajaxloading.gif" />
                </f:facet>

                <f:facet name="complete">
                    <h:outputText value="" />
                </f:facet>
            </p:ajaxStatus>

            <h:form id="editarForm">  

                <p:panel id="panel" header="Editar Cliente">  

                    <h:panelGrid columns="3">  
                        
                        <h:outputLabel for="idCliente" value="Id: " /> 
                        <h:inputText id="idCliente"  value="#{clienteBean.cliente.id}" label="Id"></h:inputText>
                    
                        <br/> 
                        
                        <h:outputLabel for="nombre" value="Nombre: " /> 
                        <h:inputText id="nombre"  value="#{clienteBean.cliente.nombre}" label="Nombre"></h:inputText>
                        <!--<h:inputText id="nombre"  value="${nombre}" label="Nombre"></h:inputText>-->

                        <br/> 

                        <h:outputLabel for="saldo" value="Saldo: " />
                        <h:inputText id="saldo" value="#{clienteBean.cliente.saldo}" label="Saldo"></h:inputText>

                        <br/> 

                        <h:outputLabel for="codigo" value="Codigo: " />
                        <h:inputText id="codigo" value="#{clienteBean.cliente.codigo}" label="Codigo"></h:inputText>

                    </h:panelGrid>   

                    <h:commandButton id="btn" value="Guardar" action="#{clienteBean.editarCliente}"/>  
                </p:panel>  

            </h:form> 
        </div>

    </ui:define>
</ui:composition>
